$(window).ready(function() {
	// 控制下拉框里面内容的宽度
	$('.header .nav .content').each(function(index, item) {
		$(item).find('li').each(function(index, item) {
			var length = $(item).find('.subcontent').length;
			$(this).find('.subcontent').css('width', 'calc(1060px / ' + length + ')');
		});
	});
	// 选项卡
	$('.header .nav .nav-title>li').hover(function() {
		$(this).find('.cover').css('display', 'block');
		$(this).find('.title>li').mouseenter(function() {
			var index = $(this).index();
			$(this).parent().find('li').removeClass('active');
			$(this).addClass('active');
			var $contentLi = $(this).parents('.cover').find('.content>li');
			$contentLi.eq(index).show().siblings().hide();
		})
	}, function() {
		$(this).find('.cover').css('display', 'none');
		$(this).find('.title>li').removeClass('active');
		$(this).find('.title>li:first-child').addClass('active');
		$(this).find('.content>li:first-child').show().siblings().hide();

	});
	// 气球显示
	$('.header .component').fadeOut(3000);
	// 搜索栏动画
	$('.search').click(function() {
		console.log(1);
		$('.header .nav .nav-title>li').hide();
		$(this).parent().hide();
		$(this).parents('.header-w').find('.search-box').animate({
			left: '50%'
		}, 300, function() {
			$(this).show();
			//先显示之后,在获取焦点;
			$(this).find('input').focus();
		});
	});
	$('.header .search-box .close').click(function(e) {
		$(this).parent().hide().animate({
			left: '70%'
		}, 300);
		e.stopPropagation();
		$('.header .nav .nav-title>li').show(600);
		$(this).parent().siblings('.sidenavmsg').show();
	});
	// banner轮播图
	var mySwiper = new Swiper('.banner', {
		// direction: 'vertical', // 垂直切换选项
		loop: true, // 循环模式选项
		autoplay: true,

		// 如果需要分页器
		pagination: {
			el: '.swiper-pagination',
			clickable: true,
			//活动的分页器的样式改变
			bulletActiveClass: 'my-bullet-active',
		},

		// 如果需要前进后退按钮
		navigation: {
			nextEl: '.swiper-button-next',
			prevEl: '.swiper-button-prev',
		},
	});
	$(".banner .swiper-pagination-bullet").hover(function() {
		$(this).click(); //鼠标划上去之后，自动触发点击事件来模仿鼠标划上去的事件
	}, function() {
		//鼠标移出之后，自动轮播开启
		mySwiper.autoplay.start();
	});
	//鼠标覆盖停止自动切换与隐藏前进后退按钮
	mySwiper.el.onmouseover = function() {
		mySwiper.navigation.$nextEl.removeClass('hide');
		mySwiper.navigation.$prevEl.removeClass('hide');
	}
	//鼠标覆盖停止自动切换与隐藏前进后退按钮
	mySwiper.el.onmouseout = function() {
		mySwiper.navigation.$nextEl.addClass('hide');
		mySwiper.navigation.$prevEl.addClass('hide');
	}
	// 商品介绍下拉框种类的宽度;
	$('.comodity-produce .category').each(function(index, item) {
		var length = $(item).find('li').length;
		$(item).find('li').each(function(index, item) {
			$(this).css('width', 'calc(1200px / ' + length + ')');
		});
	});
	// 商品产品的动画效果;
	$('.comodity-produce .title>li').hover(function() {
		$(this).addClass('arrow-active');
		$(this).siblings().removeClass('arrow-active');
		$('.comodity-produce .title>li').find('span').hide();
		$(this).find('span').show();
	}, function() {
		$('.comodity-produce .title>li').find('span').hide();
		$('.comodity-produce .title>li').removeClass('arrow-active');
	});
	// 新闻中心的轮播图
	var swiper = new Swiper('.news-banner', {
		// 设置slider容器能够同时显示的slides数量(carousel模式)。
		// slidesPerView: 4,
		loop: true,
		autoplay: true,
		pagination: {
			el: '.swiper-pagination',
			dynamicBullets: true,
			clickable: true,
		}
	});
	$(".news-banner .swiper-pagination-bullet").hover(function() {
		$(this).click(); //鼠标划上去之后，自动触发点击事件来模仿鼠标划上去的事件
	}, function() {
		//鼠标移出之后，自动轮播开启
		mySwiper.autoplay.start();
	});
	// 热点板块的轮播图
	 var swiper = new Swiper('.hot-banner', {
	      slidesPerView: 3,
	      spaceBetween: 10,
	      slidesPerGroup: 3,
	      loop: true,
	      loopFillGroupWithBlank: true,
	      pagination: {
	        el: '.swiper-pagination',
	        clickable: true,
	      },
	      navigation: {
	        nextEl: '.swiper-button-next',
	        prevEl: '.swiper-button-prev',
	      },
	    });
		//微信二维码旋转
		$('.icon2').hover(function(){
			$(this).css('transform','rotate(360deg)');
			$(this).siblings('.icon2-cover').css('display','block');
		},function(){
			$(this).css('transform','rotate(-360deg)');
			$(this).siblings('.icon2-cover').css('display','none');
		});
});
